<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>



<!-- Bottom -->
<section id="bottom" class="main">
	<!--Container-->
	<div class="container">

		<!--row-fluids-->
		<div class="row-fluid">

			<!--Contact Form-->
			<div class="span3">
				<h4>주소</h4>
				<ul class="unstyled address">
					<li><i class="icon-home"></i><strong>주소:</strong> 경기 수원시 권선구
						권선동 939-5번지 구름바다 빌딩 4층 전관<br>(441-821)</li>
					<li><i class="icon-envelope"></i> <strong>메일: </strong>
						support@email.com</li>
					<li><i class="icon-globe"></i> <strong>웹사이트:</strong>
						http://www.ark-tech.co.kr/</li>
					<li><i class="icon-phone"></i> <strong>전화번호:</strong>
						02-1661-2933</li>
				</ul>
			</div>
			<!--End Contact Form-->

			<!--Important Links-->
			<div id="tweets" class="span3">
				<h4>ArkTech</h4>
				<div>
					<ul class="arrow">
						<li><a href="#">About Us</a></li>
						<li><a href="#">Support</a></li>
						<li><a href="#">Terms of Use</a></li>
						<li><a href="#">Privacy Policy</a></li>
						<li><a href="#">Copyright</a></li>
						<li><a href="#">We are hiring</a></li>
						<li><a href="#">Clients</a></li>
						<li><a href="#">Blog</a></li>
					</ul>
				</div>
			</div>
			<!--Important Links-->

			<!--Archives-->
			<div id="archives" class="span3">
				<h4>방명록</h4>
				<div>
					<ul class="arrow">
						<li><a href="#">December 2012 (1)</a></li>
						<li><a href="#">November 2012 (5)</a></li>
						<li><a href="#">October 2012 (8)</a></li>
						<li><a href="#">September 2012 (10)</a></li>
						<li><a href="#">August 2012 (29)</a></li>
						<li><a href="#">July 2012 (1)</a></li>
						<li><a href="#">June 2012 (31)</a></li>
					</ul>
				</div>
			</div>
			<!--End Archives-->

			<div class="span3">
				<h4>News</h4>
				<div class="row-fluid first">
					<ul class="thumbnails">


						<li id="NS_028"><a
							href="http://newsstand.naver.com/?list=ct1&amp;pcode=028"
							target="_blank" class="newssa"><img
								src="http://img.naver.net/static/newsstand/up/2014/0715/028.gif"
								width="81" height="73" alt="한겨레" queryid="C1411011875870574354"></a>
						</li>
						<li id="NS_117"><a
							href="http://newsstand.naver.com/?list=ct1&amp;pcode=117"
							target="_blank" class="newssa"><img
								src="http://img.naver.net/static/newsstand/up/2014/0715/117.gif"
								width="81" height="73" alt="마이데일리"></a></li>
						<li id="NS_025"><a
							href="http://newsstand.naver.com/?list=ct1&amp;pcode=025"
							target="_blank" class="newssa"><img
								src="http://img.naver.net/static/newsstand/up/2014/0715/025.gif"
								width="81" height="73" alt="중앙일보"></a></li>
						<li id="NS_372"><a
							href="http://newsstand.naver.com/?list=ct1&amp;pcode=372"
							target="_blank" class="newssa"><img
								src="http://img.naver.net/static/newsstand/up/2014/0715/372.gif"
								width="81" height="73" alt="월스트리트저널"></a></li>

					</ul>
				</div>


			</div>

		</div>
		<!--/row-fluid-->
	</div>
	<!--/container-->

</section>

<!-- /Bottom -->

<!--Footer-->
<footer id="footer">
	<div class="container">
		<div class="row-fluid">
			<div class="span5 cp">
				&copy; 2014 <a target="_blank" href="http://shapebootstrap.net/"
					title="Free Twitter Bootstrap WordPress Themes and HTML templates">ArkTech</a>.
				All Rights Reserved.
			</div>
			<!--/Copyright-->

			<div class="span6">
				<ul class="social pull-right">
					<li><a href="#"><i class="icon-facebook"></i></a></li>
					<li><a href="#"><i class="icon-twitter"></i></a></li>
					<li><a href="#"><i class="icon-pinterest"></i></a></li>
					<li><a href="#"><i class="icon-linkedin"></i></a></li>
					<li><a href="#"><i class="icon-google-plus"></i></a></li>
					<li><a href="#"><i class="icon-youtube"></i></a></li>
					<li><a href="#"><i class="icon-tumblr"></i></a></li>
					<li><a href="#"><i class="icon-dribbble"></i></a></li>
					<li><a href="#"><i class="icon-rss"></i></a></li>
					<li><a href="#"><i class="icon-github-alt"></i></a></li>
					<li><a href="#"><i class="icon-instagram"></i></a></li>
				</ul>
			</div>

			<div class="span1">
				<a id="gototop" class="gototop pull-right" href="#"><i
					class="icon-angle-up"></i></a>
			</div>
			<!--/Goto Top-->
		</div>
	</div>
</footer>
<!--/Footer-->

<!--  Login form -->
<div class="modal hide fade in" id="loginForm" aria-hidden="false">
	<div class="modal-header">
		<i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
		<h4>로그인</h4>
	</div>
	<!--Modal Body-->
	<div class="modal-body">
		<form:form modelAttribute="Member" class="form-inline" action="loginCheck" method="post"
			id="form-login">
			<input name='id' type="text" class="input-small" placeholder="사번"> 
			<input name='password' type="password" class="input-small" placeholder="비밀번호"> <label
				class="checkbox"> <input type="checkbox"> 기억하기
			</label>
			<button type="submit" class="btn btn-primary">로그인</button>
		</form:form>
		<a href="#">비밀번호가 기억나지 않으세요?</a>
	</div>
	<!--/Modal Body-->
</div>
<!--  /Login form -->

<script src="resources/js/vendor/jquery-1.9.1.min.js"></script>
<script src="resources/js/vendor/bootstrap.min.js"></script>
<script src="resources/js/main.js"></script>
<!-- Required javascript files for Slider -->
<script src="resources/js/jquery.ba-cond.min.js"></script>
<script src="resources/js/jquery.slitslider.js"></script>
<!-- /Required javascript files for Slider -->

<!-- SL Slider -->
<script type="text/javascript">
	$(function() {
		var Page = (function() {

			var $navArrows = $('#nav-arrows'), slitslider = $('#slider')
					.slitslider({
						autoplay : true
					}),

			init = function() {
				initEvents();
			}, initEvents = function() {
				$navArrows.children(':last').on('click', function() {
					slitslider.next();
					return false;
				});

				$navArrows.children(':first').on('click', function() {
					slitslider.previous();
					return false;
				});
			};

			return {
				init : init
			};

		})();

		Page.init();
	});
</script>
<!-- /SL Slider -->
</body>
</html>